<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
		<title></title>
			<style>
				* {
					margin: 0px;
					padding: 0px;
				}/*将所有边界值设置为0px，即取消各个边框之间的间距*/	
				.header {
					width: 850px;
					height: 110px;
					margin: auto;
				}/*头部界面设置*/
				.topnav {
					width: 395px;
					height: 25px;
					background-image: url(img/topmenu_bg.jpg);
				}/*头部按钮设置*/
				.msg {
					width: 350px;
					height: 25px;
				}/*登录后信息提示*/
				.logo {
					width: 211px;
					height: 84px;
					background-image: url(img/logo.gif);
				}/*头部图片logo*/
				.menunav {
					width: 630px;
					height: 41px;
				}/*菜单布局设置*/
				.menunav li a{
					text-decoration: none;
				}
				.header nav,
				.header div {
					float: left;
				}
				.header .topnav {
					float: right;
				}
				.header .menunav {
					margin-top: 14px;
				}
				
				.header .msg {
					margin-left: 490px;
					margin-top: 5px;
				}
				
				.header .logo {
					margin-top: -30px;
				}
				
				.topnav ul {
					margin-left: 65px;
				}
				
				.topnav ul li {
					float: left;
					list-style: none;
					margin: 3px;
					font-family: "微软雅黑";
					font-size: 10px;
					color: gray;
				}
				
				.topnav ul li a:hover {
					color: orange;
				}
				.topnav ul li a{
					text-decoration: none;
				}
				.menunav ul li {
					float: left;
					list-style: none;/*去除li标签的点*/
					width: 87px;
					height: 41px;
					background-image: url(img/menu.jpg);
					margin-left: 3px;
				}
				
				.menunav ul li a {
					display: block;
					width: 87px;
					height: 41px;
					text-align: center;
					line-height: 41px;
					color: white;
					font-weight: 900;
					font-size: 14px;
				}
				
				.menunav ul li:hover {
					background-image: url(img/menu_hover.jpg);
				}
				
				.msg {
					color: orange;
				}
			</style>
	</head>
	<body>
							<!--头部-->
			<header class="header">
				<nav class="topnav"><!--nav导航按钮-->
					<ul>
						<li>
							<a href="customer/login.jsp" target="article">会员登录</a> |
						</li>
						<li>
							<a href="customer/register.jsp" target="article">会员注册</a> |
						</li>
						<li>
							<a>注销退出</a> |
						</li>
						<li>
							<a href="customer/delivery.jsp" target="article">配送说明</a> |
						</li>
						<li>
							<a href="customer/aboutus.jsp" target="article">关于我们</a>
						</li>
					</ul>
				</nav>
				<div class="msg">你已登录,欢迎使用本系统</div>
				<div class="logo"></div>
				<nav class="menunav">
					<ul>
						<li>
							<a href="customer/HomepageMenu" target="article">首页</a>
						</li>
						<li>
							<a href="customer/buffetcar.jsp" target="article">我的餐车</a>
						</li>
						<li>
							<a href="customer/myorder.jsp" target="article">我的订单</a>
						</li>
						<li>
							<a href="customer/usercenter.jsp" target="article">用户中心</a>
						</li>
						<li>
							<a href="customer/delivery.jsp" target="article">配送说明</a>
						</li>
						<li>
							<a href="customer/aboutus.jsp" target="article">关于我们</a>
						</li>
						<li>
							<a href="indexa.html" target="indexa.html">注销退出</a>
						</li>
					</ul>
				</nav>
			</header>
	</body>
</html>
